<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>秀色运动网-XSports.wang</title>
<script src="/js/jquery_2.0.3.js"></script>
<script src="/semantic/semantic.js"></script>
<link rel="stylesheet" type="text/css" href="/semantic/semantic.css">
<style>
[data-selector="sizing"] {
	box-sizing: border-box;
	overflow: hidden;
}

[data-selector="sizing"] {
	margin: 0 !important;
	overflow: hidden;
}

.ui.search .prompt {
	border-radius: 0.5rem;
}

.ui.card {
	width: 100%;
}
</style>
</head>
<body>
	<div class="ui secondary menu grey inverted">
		<a class="item" href="index.html"> <img
			src="http://www.semantic-ui.cn/images/logo.png">
		</a>
		<div class="right menu">
			<div class="item ui search searchclub">
				<div class="ui icon input">
					<input class="prompt" type="text" placeholder="查找俱乐部"> <i
						class="search link icon"></i>
				</div>
				<div class="results"></div>
			</div>
			<a class="item left-menu-btn"><i class="sidebar icon"></i>菜单</a>
		</div>
	</div>

	<div class="ui attached pushable leftmenu">
		<div class="ui labeled icon right inline vertical sidebar menu">
			<a class="item" href="index.html"><i class="home icon"></i>首页</a> <a
				class="item" href="reg.html"><i class="block layout icon"></i>注册</a>
		</div>
		<div class="pusher">
			<div class="ui container">
				<div class="ui segments">
					<p>
						<a href="index.html" target="_blank">首页</a>
					</p>
				</div>
				<div class="ui segments">
					<p>
						<a href="club.html" target="_blank">聚乐部</a>
					</p>
				</div>
				<div class="ui segments">
					<p>
						<a href="clist.html" target="_blank">聚乐部列表</a>
					</p>
				</div>
				<div class="ui segments">
					<p>
						<a href="member.html" target="_blank">成员</a>
					</p>
				</div>
				<div class="ui segments">
					<p>
						<a href="member_score.html" target="_blank">成员打分页</a>
					</p>
				</div>
				<div class="ui segments">
					<p>
						<a href="login.html" target="_blank">登陆</a>
					</p>
				</div>
				<div class="ui segments">
					<p>
						<a href="reg.html" target="_blank">注册</a>
					</p>
				</div>
			</div>
		</div>
	</div>
	<script>
		var content = [ {
			title : 'Andorra'
		}, {
			title : 'United Arab Emirates'
		}, {
			title : 'Afghanistan'
		}, {
			title : 'Antigua'
		}, {
			title : 'Anguilla'
		}, {
			title : 'Albania'
		}, {
			title : 'Armenia'
		}, {
			title : 'Netherlands Antilles'
		}, {
			title : 'Angola'
		}, {
			title : 'Argentina'
		}, {
			title : 'American Samoa'
		}, {
			title : 'Austria'
		}, {
			title : 'Australia'
		}, {
			title : 'Aruba'
		}, {
			title : 'Aland Islands'
		}, {
			title : 'Azerbaijan'
		}, {
			title : 'Bosnia'
		}, {
			title : 'Barbados'
		}, {
			title : 'Bangladesh'
		}, {
			title : 'Belgium'
		}, {
			title : 'Burkina Faso'
		}, {
			title : 'Bulgaria'
		}, {
			title : 'Bahrain'
		}, {
			title : 'Burundi'
		}
		// etc
		];
		$('.searchclub').search({
			source : content,
			searchFields : [ 'title' ],
			searchFullText : false
		});

		$('.ui.sidebar').sidebar({
			context : $('.leftmenu')
		}).sidebar('attach events', '.left-menu-btn');
	</script>

</body>
</html>
